<!--
 * @Author: xcl
 * @Date: 2022-04-20 18:05:17
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2022-10-08 09:38:09
 * @Description: 测试用例
-->
<template>
  <div class="test">
    <!-- cesium -->
    <cesium-map :type="2"></cesium-map>
    <!-- mars3d -->
    <!-- <div id="mars3dContainer" class="mars3d-container map"></div>  -->

  </div>
</template>

<script>
import CesiumMap from "@/components/map/CesiumMap.vue";
export default {
  name: "CesiumTest",
  components: {
    "cesium-map": CesiumMap,
  },
  data() {
    return {};
  },
  props: {},
  watch: {},
  created() {},
  mounted() {
    // this.init_mars3d();
  },
  beforeDestroy() {},
  destroyed() {},
  methods: {
    init_mars3d() {
      var mapOptions = {
        basemaps: [{ name: "天地图", type: "tdt", layer: "img_d", show: true }],
      };
      var map = new mars3d.Map("mars3dContainer", mapOptions); //支持的参数请看API文档：http://mars3d.cn/api/Map.html
    },
  },
};
</script>

<style lang="less" scoped>
.test {
  .map {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
}
</style>
